<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="podstrony/head.jsp">
	<jsp:param value="utworzNoweWydarzenie.tytul" name="tytul" />
</jsp:include>
<body>
	<script type="text/javascript">
	jQuery(document).ready(function() {
		natychmiastowoPokazUkryjRozmiarySali();
		jQuery("#kategorie").val(${command.kategoria});
	});
	</script>
	<div class="wrapper">
		<div class="top">
			<jsp:include page="podstrony/logo.jsp" />
			<jsp:include page="podstrony/logowanieInformacja.jsp" />
		</div>
		<jsp:include page="podstrony/pasekMenu.jsp" />
		<jsp:include page="podstrony/informacja.jsp" />
		<div class="panelGlowny">
			<div class="tresc">
				<h1><spring:message code="utworzNoweWydarzenie.tytul" /></h1>
				<jsp:include page="podstrony/uploadObrazka.jsp"></jsp:include>
				<form:form action="utworzNoweWydarzenie">
					<div class="sekcja">
						<h3><spring:message code="utworzNoweWydarzenie.daneWydarzenia" /></h3>
						<form:hidden id="wybraneMiejsca" path="wybraneMiejsca" />
						<button type="button" onclick="uzupelnijWydarzenie()">Autouzupelnianie(dousuniecia)</button>
						<br />
						<jsp:include page="podstrony/formularzWydarzenia.jsp" />
						<br />
						<form:checkbox id="czyJestSala" path="czyJestSala" value="true" onchange="powoliPokazUkryjRozmiarySali()"/>
						<spring:message code="utworzNoweWydarzenie.czyPokazacMiejsca" />
						<br />
					</div>
					<div id="daneSali">
						<div class="wymiarySali">
							<h3><spring:message code="utworzNoweWydarzenie.salaMaMiec" /></h3>
							<table>
							<tr>
								<td><spring:message code="utworzNoweWydarzenie.szerokoscSali" /></td>
								<td><form:input path="szerokoscSali" id="szerokoscSali"/><form:errors path="szerokoscSali" /></td>
							</tr>
							<tr>
								<td><spring:message code="utworzNoweWydarzenie.dlugoscSali" /></td>
								<td><form:input path="dlugoscSali" id="dlugoscSali" /><form:errors path="dlugoscSali" /></td>
							</tr>
							</table>
							<br />
							<button id="utworzSaleButton" type="button" onclick="utworzSale()">
								<spring:message code="utworzNoweWydarzenie.utworzSale" />
							</button>
						</div>
						<div class="legenda">
							<jsp:include page="podstrony/legendaWidokuSali.jsp" />
						</div>
						<div class="sekcja">
				            <h3><spring:message code="legenda.wskazowka"/></h3>
							<spring:message code="legenda.wskazowka.tresc"/>
				        </div>
						<div id=widokSali class="widokSali">
							<jsp:include page="podstrony/widokSali.jsp" >
								<jsp:param value="utworzMiejsce(this)" name="funkcja" />
							</jsp:include>
						</div>
					</div>
					<div id="brakSali" class="sekcja">
						<h3><spring:message code="utworzNoweWydarzenie.salaMaMiec" /></h3>
						<spring:message code="utworzNoweWydarzenie.iloscMiejsc" />
						<form:input path="iloscMiejsc"/>
						<form:errors path="iloscMiejsc" />
					</div>
					<form:errors path="wybraneMiejsca" />
					<br />
					<input type="submit" onClick="wyslijWybraneMiejsca('tworzenieWydarzenia')" value="<spring:message code="utworzNoweWydarzenie.utworzWydarzenieButton" />" />
				</form:form>
			</div>
		</div>
		<jsp:include page="podstrony/stopka.jsp" />
	</div>
</body>
</html>